<template>
	<div class="find">
		<div class="menu">
			<router-link to="/find/">新闻</router-link>
			<router-link to="/find/trailer">预告片</router-link>
			<router-link to="/find/ranking">排行榜</router-link>
			<router-link to="/find/cinecism">影评</router-link>
		</div>
		<div class="content">
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
	export default {
		name: "Find",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/assets/css/common.scss';
	.find{
		.menu{
			width: 100%;
			height: vw(50);
			display: flex;
			justify-content: space-around;
			align-items: center;
			font-size: vw(16);
			a{
				color: #000;
				&.router-link-exact-active{
					color: #007aff;
				}
			}
			
		}
	}
</style>